﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="OutsiteManagement.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="resources/styles/cfy.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="resources/scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $(".go-top").hide();
            $(function () {
                $(window).scroll(function () {
                    if ($(this).scrollTop() > 30) {
                        $('.go-top').fadeIn();
                    } else {
                        $('.go-top').fadeOut();
                    }
                });
            });

            var bgs = ["/resources/images/bg01.jpg", "/resources/images/bg02.jpg", "/resources/images/bg03.jpg", "/resources/images/bg04.jpg", "/resources/images/bg05.jpg", "/resources/images/bg06.jpg"];
            document.body.style.background = "url(" + bgs[Math.floor(Math.random() * bgs.length)] + ") no-repeat center center fixed";
        });

        $(document).ready(function () {
            $("#nav li a").click(function () {

                $("#content-box").empty().append("<div id='loading'><img src='images/loading.gif' alt='Loading' /></div>");
                $("#nav li a").removeClass('nav-active');
                $(this).addClass('nav-active');

                $.ajax({ url: this.href, success: function (html) {
                    $("#content-box").empty().append(html);
                }
                });
                return false;
            });

            $("#content-box").empty().append("<div id='loading'><img src='images/loading.gif' alt='Loading' /></div>");
            $.ajax({ url: 'HomePage.aspx', success: function (html) {
                $("#content-box").empty().append(html);
            }
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="container">
        <div id="header">
            <div id="top-bar" class="top-bar center">
                <div id="logo">
                    <p style="margin-top: -15px;">
                        <img src="Resources/Images/logo.png" alt="Cafe for You" /></p>
                </div>
                <div style="background-color: #ffffff; opacity: 0.3; filter: alpha(opacity=30); color: #000000;
                    border-radius: 5px; float: right; padding: 10px; margin: -11px 35px 0 0; height: 40px;
                    width: 600px; position: relative; text-align: center;">
                    Dành cho quảng cáo (600x40)<br />
                    Liên hệ 0915 344 644</div>
            </div>
            <div id="top-nav" class="nav-wrapper">
                <ul id="nav">
                    <li><a class="nav-active" href="HomePage.aspx">Trang Chủ</a></li>
                    <li><a href="Test.aspx">Giới Thiệu</a></li>
                    <li><a href="Test.aspx">Thực Đơn</a></li>
                    <li><a href="Test.aspx">Tin Tức</a></li>
                    <li><a href="Test.aspx">Hoạt Động</a></li>
                    <li><a href="Test.aspx">Nhật Ký</a></li>
                    <li><a href="Test.aspx">Diễn Đàn</a></li>
                </ul>
            </div>
        </div>
        <div id="content-box" class="center">
        </div>
        <div id="footer">
            <div class="footer-left">
                <ul>
                    <li>Bản quyền © 2012 thuộc về <a href="http://cafeforyou.net" target="_blank">CfY</a></li>
                </ul>
            </div>
            <div class="footer-right">
                <ul>
                    <li><a href="javascript:void(0);">Liên hệ</a></li>
                    <li><a href="javascript:void(0);">Góp ý</a></li>
                </ul>
            </div>
        </div>
    </div>
    <a class="go-top" style="display: block;" onclick="jQuery('html,body').animate({scrollTop: 0},1000);"
        href="javascript:void(0)"></a>
    </form>
</body>
</html>
